/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<       >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<            >>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<      表单      >>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<            >>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<       >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/

.CoreBody .CoreWeb-WebForm {
  position: relative;

  /* ============================== 标题 ============================== */
  &-title {
    font-size: 18px;
    margin-bottom: 22px;
  }

  /* ============================== 重置中 ============================== */
  &-reseting {
    /* —————————————————————————————— 错误提示 —————————————————————————————— */
    .el-form-item__error {
      display: none !important;
    }

    /* —————————————————————————————— 错误红框 —————————————————————————————— */
    .el-form-item.is-error .el-input__inner,
    .el-form-item.is-error .el-input__inner:focus,
    .el-form-item.is-error .el-textarea__inner,
    .el-form-item.is-error .el-textarea__inner:focus,
    .el-message-box__input input.invalid,
    .el-message-box__input input.invalid:focus {
      border-color: #dcdfe6;
    }
  }
}

/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<       >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<            >>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<     表单项     >>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<            >>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<       >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/

.CoreBody .CoreWeb-FormItem {
  box-sizing: border-box;
  vertical-align: top;

  /* ============================== 中等 ============================== */
  &.el-form-item--medium {
    margin-bottom: 18px;
  }

  /* ============================== 错误提示 ============================== */
  .el-form-item__error {
    padding-top: 1px;
  }
}

/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<       >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<            >>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<    快捷弹窗     >>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<            >>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<       >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/

.CoreBody .CoreWeb-FormPopper-quick {
  /* ============================== 日期面板 ============================== */
  &.el-date-picker {
    width: 408px !important;

    /* —————————————————————————————— 面板 —————————————————————————————— */
    .el-picker-panel__body {
      margin-left: 80px;
    }
  }

  /* ============================== 日期范围面板 ============================== */
  &.el-date-range-picker {
    width: 726px !important;

    /* —————————————————————————————— 面板 —————————————————————————————— */
    .el-picker-panel__body {
      margin-left: 80px;
    }
  }

  /* ============================== 边栏 ============================== */
  .el-picker-panel__sidebar {
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    width: 80px;
    padding: 8px 0 9px;

    /* —————————————————————————————— 选项 —————————————————————————————— */
    .el-picker-panel__shortcut {
      flex: 1;
      padding: 0;
      text-align: center;
    }
  }

  /* ============================== 带时间边栏 ============================== */
  &.has-time .el-picker-panel__sidebar {
    padding: 8px 0 48px;
  }
}

/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<       >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<            >>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<      隐藏      >>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<            >>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<       >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/

.CoreBody .CoreWeb-WebForm-item-hide {
  display: none !important;
}

/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<       >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<            >>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<     单选框      >>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<            >>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<       >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/

.CoreBody .CoreWeb-RadioGroup {
  line-height: inherit !important;
  vertical-align: top !important;

  > .el-radio {
    line-height: inherit;
    vertical-align: top;
  }

  .CoreWeb-radio-right {
    margin-left: 10px;
  }
}

/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<       >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<            >>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<     多选框      >>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<            >>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<       >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/

.CoreBody {
  /* ============================== 右侧辅助信息 ============================== */
  .CoreWeb-CheckboxGroup .CoreWeb-checkbox-right {
    margin-left: 10px;
  }

  /* ============================== 带全选的多选框组 ============================== */
  .CoreWeb-CheckboxAll {
    display: inline-block;

    /* —————————————————————————————— 多选框组 —————————————————————————————— */
    + .CoreWeb-CheckboxGroup {
      display: inline-block;
      margin-left: 15px;
      vertical-align: top;

      .el-checkbox {
        margin-right: 15px;

        &:last-child {
          margin-right: 0;
        }
      }
    }
  }

  /* ============================== 带全选的多选框按钮组 ============================== */
  .CoreWeb-CheckboxBtnAll {
    display: inline-block;
    vertical-align: top;

    /* —————————————————————————————— 全选按钮 —————————————————————————————— */
    .el-checkbox-button__inner {
      border-left: 1px solid #dcdfe6;
      border-radius: 4px 0 0 4px;
    }

    /* —————————————————————————————— 多选框按钮组 —————————————————————————————— */
    + .CoreWeb-CheckboxBtnGroup {
      display: inline-block;
      vertical-align: top;

      /* ------------------------------ 第一个按钮 ------------------------------ */
      > .el-checkbox-button:first-child {
        > .el-checkbox-button__inner {
          border-radius: 0;
          border-left: 0;
        }
      }
    }
  }
}
